.cpn--thumb-days-info {
  background-color: var(--module-box-bg-color);
  border-radius: var(--module-box-radius);
  padding: 2rem;
  margin: 2rem;
  padding-top: 1rem;

  .btn-recent-info {
    background-color: #ffffff33;
    font-size: 1.6rem;
    color: #ffffffbb;
    margin-top: 2rem;
    border-radius: 999rem;
    height: 4.5rem;
  }
}

.cpn--thumb-days-info-item {
  color: #ffffffbb;
  display: flex;
  // line-height: 2.5;
  padding: 1rem 0;
  .days-info-item {
    align-items: center;
    display: flex;
    .day {
      margin: 0 1rem;
    }
    span {
      font-size: 1.6rem;
    }
  }
  .item-left {
    flex: 3;
    .icon-wrapper {
      width: 2.8rem;
      height: 2.8rem;
      .icon {
        width: 100%;
        height: 100%;
      }
    }
  }
  .item-right {
    flex: 2;
    justify-content: space-between;
    .air-level {
      background-color: var(--box-bg-white-opacity-1);
      padding: .6rem;
      border-radius: .6rem;
      font-size: 1.2rem;
      opacity: .8;
    }
  }
}
